<template>
  <el-card shadow="hover" style="height: 100%;" :body-style="{height:'100%'}">
    <template #header>
      <nav class="flex justify-between">
        <span>比较两个值完全相等</span>
        <el-link type="primary" target="_blank" href="https://www.lodashjs.com/docs/lodash.isEqual">isEqual</el-link>
      </nav>
    </template>

    <h1>
      <div>let object1 = {a:1,b:{c:2}}</div>
      <div> let object2 = {a:1,b:{c:2}}</div>
    </h1>
    <h1>{{isEqual(object1,object2)}}</h1>
  </el-card>
</template>

<script setup lang="ts" name="isEqual">
import {isEqual} from 'lodash-es'

let object1 = {a:1,b:{c:2}}
let object2 = {a:1,b:{c:2}}

</script>

<style scoped lang="less">

</style>
